<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/fontAwesome/css/font-awesome.css">
    <link rel="stylesheet" href="./lib/mui/css/mui.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="lmm_view">
        <header class="lmm_header mui-claerfix">
            <a class="lmm_h_place mui-pull-left" href="javascript:;">
            <span class="mui-pull-left">上海</span>
            <span class="fa fa-sort-down"></span>                
            </a>
            <span class="lmm_brand mui-pull-left">驴妈妈旅游网</span>
            <a class="lmm_h_user mui-pull-right" href="javascript:;">
            <span class="fa fa-user"></span>
            </a>
        </header>
        <div class="lmm_container">
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <div class="lmm_carousel" id="go_back">
                        <div class="mui-slider">
                            <div class="mui-slider-group mui-slider-loop">
                                <!--支持循环，需要重复图片节点-->
                                <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="./images/img/banner7.jpg" /></a></div>
                                <div class="mui-slider-item"><a href="#"><img src="./images/img/banner1.jpg" /></a></div>
                                <div class="mui-slider-item"><a href="#"><img src="./images/img/banner2.jpg" /></a></div>
                                <div class="mui-slider-item"><a href="#"><img src="./images/img/banner3.jpg" /></a></div>
                                <div class="mui-slider-item"><a href="#"><img src="./images/img/banner4.jpg" /></a></div>
                                <div class="mui-slider-item"><a href="#"><img src="./images/img/banner5.jpg" /></a></div>
                                <div class="mui-slider-item"><a href="#"><img src="./images/img/banner6.jpg" /></a></div>
                                <div class="mui-slider-item"><a href="#"><img src="./images/img/banner7.jpg" /></a></div>
                                <!--支持循环，需要重复图片节点-->
                                <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="./images/img/banner1.jpg" /></a></div>
                            </div>
                            <div class="mui-slider-indicator">
                                <div class="mui-indicator  mui-active"></div>
                                <div class="mui-indicator"></div>
                                <div class="mui-indicator"></div>
                                <div class="mui-indicator"></div>
                                <div class="mui-indicator"></div>
                                <div class="mui-indicator"></div>
                                <div class="mui-indicator"></div>
                            </div>
                        </div>
                    </div>
                    <div class="lmm_nav mui-clearfix">
                        <a href="javascript:;">
                        <img src="./images/icon/nav1.png" alt="">
                        </a>
                        <a href="javascript:;">
                        <img src="./images/icon/nav2.png" alt="">
                        </a>
                        <a href="javascript:;">
                        <img src="./images/icon/nav3.png" alt="">
                        </a>
                        <a href="javascript:;">
                        <img src="./images/icon/nav4.png" alt="">
                        </a>
                        <a href="javascript:;">
                        <img src="./images/icon/nav5.png" alt="">
                        </a>
                        <a href="javascript:;">
                        <img src="./images/icon/nav6.png" alt="">
                        </a>
                    </div>
                    <div class="lmm_tools mui-clearfix">
                        <a href="javascript:;">
                        <img src="./images/icon/j1.png" alt="">
                        </a>
                        <a href="javascript:;">
                        <img src="./images/icon/j2.png" alt="">
                        </a>
                        <a href="javascript:;">
                        <img src="./images/icon/j3.png" alt="">
                        </a>
                        <a href="javascript:;">
                        <img src="./images/icon/j4.png" alt="">
                        </a>
                        <a href="javascript:;">
                        <img src="./images/icon/j5.png" alt="">
                        </a>
                        <a href="javascript:;">
                        <img src="./images/icon/j6.png" alt="">
                        </a>
                        <a href="javascript:;">
                        <img src="./images/icon/j7.png" alt="">
                        </a>
                        <a href="javascript:;">
                        <img src="./images/icon/j8.png" alt="">
                    </a>
                    </div>
                    <div class="lmm_line1"></div>
                    <div class="lmm_adv mui-clearfix">
                        <div class="lmm_t1">
                            <img src="./images/img/t1.jpg" alt="">
                        </div>
                        <div class="lmm_t2">
                            <img src="./images/img/t2.jpg" alt="">
                        </div>
                        <div class="lmm_t3">
                            <img src="./images/img/t3.jpg" alt="">
                        </div>
                    </div>
                    <div class="lmm_activities">
                        <div class="hot_activity">
                            <div class="hot_title">热门活动</div>
                            <div class="hot_img">
                                <a href="javascript:;">
                                <img src="./images/img/r1.jpg" alt="">
                                </a>
                            </div>
                            <div class="hot_img">
                                <a href="javascript:;">
                                <img src="./images/img/r2.jpg" alt="">
                                </a>
                            </div>
                            <div class="hot_img">
                                <a href="javascript:;">
                                <img src="./images/img/r3.jpg" alt="">
                                </a>
                            </div>
                            <div class="hot_img">
                                <a href="javascript:;">
                                <img src="./images/img/r4.jpg" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="lmm_line"></div>
                        <div class="lmm_tab mui-clearfix">
                            <a class="lmm_week" href="javascript:;">度周末</a>
                            <a class="lmm_holiday" chref="javascript:;">度长假</a>
                        </div>
                        <div class="lmm_hot">
                            <img src="./images/img/zm1.jpg" alt="">
                            <div class="hot_info">
                                <span>[热门活动]驴妈妈温泉季</span>
                                <p>听音乐，泡温泉，就找驴妈妈，泉新玩法，全心为你，5折整点秒杀，立减高达100元。</p>
                            </div>
                        </div>
                        <div class="lmm_line"></div>
                        <div class="lmm_hot">
                            <img src="./images/img/zm2.jpg" alt="">
                            <div class="hot_info">
                                <span>[热门活动]驴妈妈温泉季</span>
                                <p>听音乐，泡温泉，就找驴妈妈，泉新玩法，全心为你，5折整点秒杀，立减高达100元。</p>
                            </div>
                        </div>
                        <div class="lmm_line"></div>
                        <div class="lmm_hot">
                            <img src="./images/img/zm3.jpg" alt="">
                            <div class="hot_info">
                                <span>[热门活动]驴妈妈温泉季</span>
                                <p>听音乐，泡温泉，就找驴妈妈，泉新玩法，全心为你，5折整点秒杀，立减高达100元。</p>
                            </div>
                        </div>
                        <div class="lmm_line"></div>
                        <div class="lmm_hot">
                            <img src="./images/img/zm4.jpg" alt="">
                            <div class="hot_info">
                                <span>[热门活动]驴妈妈温泉季</span>
                                <p>听音乐，泡温泉，就找驴妈妈，泉新玩法，全心为你，5折整点秒杀，立减高达100元。</p>
                            </div>
                        </div>
                        <div class="lmm_line"></div>
                        <div class="lmm_hot">
                            <img src="./images/img/zm5.jpg" alt="">
                            <div class="hot_info">
                                <span>[热门活动]驴妈妈温泉季</span>
                                <p>听音乐，泡温泉，就找驴妈妈，泉新玩法，全心为你，5折整点秒杀，立减高达100元。</p>
                            </div>
                        </div>
                        <div class="lmm_line"></div>
                        <div class="lmm_more">
                            <a href="javascript:;">
                                <span>查看更多</span>&nbsp;&nbsp;
                                <span class="fa fa-chevron-down"></span>
                            </a>
                        </div>
                        <div class="lmm_line"></div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="lmm_footer mui-clearfix">
            <a class="lmm_register" href="javascript:;">免费注册</a> &nbsp;&nbsp;&nbsp;
            <a class="lmm_login" href="javascript:;">登录</a>
            <a class="back_top mui-pull-right" href="#go_back">TOP</a>
        </footer>
    </div>
</body>

</html>
<script src="./lib/mui/js/mui.js"></script>
<script src="./lib/zepto/zepto.min.js"></script>
<script src="./js/index.js"></script>